<#assign menuId=1>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>工作台-${Application.systemName!}</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <link href="../css/myself.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="../js/jquery.min.js"></script>

		<style type="text/css">
			.table{
				background: white;
				margin-bottom: 5px;
			}
			.left_box{
				background: rgb(245, 249, 250);
			}
			hr{
				margin-bottom: 5px;
			}
			.wait{
				margin-bottom: -2.5px; 
				margin-left: 15px;
			}
			.wait_text{
				border-bottom: 4px solid rgb(56, 130, 255); 
				padding-bottom: 13px;
				font-size: 14px;
				font-weight: bold;
			}
			.man{
				border-radius: 50%; 
				width: 50px; 
				height: 50px; 
				border: 1px solid #ccc;
			}
			.text-top{
				margin-bottom: 8px;
				font-weight: 500;
			}
			.text-top span{
				font-size: 14px;
			}
			.time{
				margin-bottom: 0;
			}
			.new-design{
				font-weight: bold;
				font-size: 16px;
				margin-bottom: 19px;
			}
			.box_top ul{
				width: 100%;
				height: 270px;
				padding: 0;
			}
			.box_top ul li{
				float: left;
				width: 47.5%;
				height: 130px;
				background: rgb(245, 249, 250);
				margin-bottom: 10px;
				position: relative;
			}
			.box_top ul li .Left{
				position: absolute;
				top: 25%;
				left:15%;
			}
			.box_top ul li .Left div, .box_top ul li .Right{
				text-align: left;
			}
			.box_top ul li .Right{
				position: absolute;
				top: 18%;
				left: 37%;
			}
			
			.box_top ul li i{
				font-size: 26px;
			}
			.box_top ul li .gray{
				color: rgb(153, 153, 153);
				font-size: 14px;
			}
			.num{
				font-size: 32px;
				font-weight: 500;
			}
			
			.box_bottom{
				background: rgb(245, 249, 250);
				padding-top:20px;
				margin-top: 20px;
				padding: 10px;
			}
			
			.num_time .pull-left{
				border-left: 4px solid rgb(19, 206, 102);
				padding-left:19px;
				font-size: 14px;
			}
			.num_time .pull-right{
				margin-right: 18px;
			}
			.design_choose{
				margin-bottom: 20px;
				line-height: 20px;
			}
			.num_time .yellow{
				border-color: rgb(247, 186, 42);
			}
			.num_time .green{
				border-color: rgb(19, 206, 102);
			}
			.num_time .Red{
				border-color: rgb(255, 73, 73);
			}
			.black_a a{
				color: black;			
			}
			.black_a:hover{
				background: #f3f4f5;
			}
			#text-center{
				text-align: center;
			}
		</style>
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <#include "../header.html">
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
		<#include "../menu.html">
            <!-- Right side column. Contains the navbar and content of the page -->
           <aside class="right-side">
           	<section class="content-header">
                    <h1>工作台</h1>
                    <hr style="margin: 10px 0 0 0" />
            </section>
            <section class="content no-padding">
            	<div class="row"> 
            		<div class="col-md-8 col-sm-8 col-xs-8">
            			<div class="box left_box">
				            <div class="clearfix search-div center">
				            	<div class="wait">
				            		<div class="pull-left wait_text">
						       		待处理事项
						       		</div>
						       		<div class="pull-right">
						       			<a href="list?status=1" class="gray">已处理&gt;</a>
						       		</div>
				            	</div>
						       	<br />
						       	<hr />
						       	<#list msgNoticeResults as msgNoticeResult>
					           	<table class="table table-bordered">
				                   	<tr>
				                       	<td style="padding: 20px 15px 15px;">
				                           	<span>订单编号：${msgNoticeResult.code!}</span>
				                           	<a href="javascript:read(${msgNoticeResult.id});" class="pull-right">
				                           		<img src="../img/work_07.jpg" />
				                           		标记为已处理
				                           	</a>
				                       	</td>
				                   	</tr>
									<tr>
										<td class="black_a" style="padding: 22px 38px 20px 22px;">
										<#if msgNoticeResult.orderType=="T1">
										<a style="color: black" class="clearfix" href="../designorder/detail?businessId=${msgNoticeResult.taskId}&orderId=${msgNoticeResult.orderId}">
											<div class="clearfix"></div>
				                       		<div class="pull-left">
				                       			<div class="text-top new-design">[${msgNoticeResult.title!}]</div>
				                       			<div class="text-top">
				                       				<span>创&nbsp;&nbsp;&nbsp;建&nbsp;&nbsp;&nbsp;人：</span>
				                       				<span>${msgNoticeResult.creatorName!}</span>
				                       			</div>
				                       			<div class="text-top">
				                       				<span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
				                       				<span>${msgNoticeResult.fullname!}</span>
				                       			</div>
				                       			<div class="text-top time">
				                       				<span>截止时间：</span>
				                       				<span><#if msgNoticeResult.enddate??> ${msgNoticeResult.enddate?string("MM月dd日")!}</#if></span>
				                       			</div>
				                       		</div>
				                       		<div class="pull-right">
				                       			<img class="man" src="../img/avatar04.png"/>
				                       			<div id="text-center">${msgNoticeResult.creatorName!}</div>
				                       		</div>
				                       		</a>
				                       		<#elseif msgNoticeResult.orderType=="T2">
				                       		<a class="clearfix" href="../proofingorder/detail?proofingPatternId=${msgNoticeResult.taskId}">
											
					                       		<div class="pull-left">
					                       			<div class="text-top new-design">[${msgNoticeResult.title!}]</div>
					                       			<div class="text-top">
					                       				<span>创&nbsp;&nbsp;&nbsp;建&nbsp;&nbsp;&nbsp;人：</span>
					                       				<span>${msgNoticeResult.creatorName!}</span>
					                       			</div>
					                       			<div class="text-top">
					                       				<span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
					                       				<span>${msgNoticeResult.fullname!}</span>
					                       			</div>
					                       			<div class="text-top time">
					                       				<span>截止时间：</span>
					                       				<span><#if msgNoticeResult.enddate??> ${msgNoticeResult.enddate?string("MM月dd日")!}</#if></span>
					                       			</div>
					                       		</div>
					                       		<div class="pull-right">
					                       			<img class="man" src="../img/avatar04.png"/>
					                       			<div id="text-center">${msgNoticeResult.creatorName!}</div>
					                       		</div>
				                       		</a>
				                       		<#elseif msgNoticeResult.orderType=="T3">
				                       		<a class="clearfix" href="../productionorder/detail?id=${msgNoticeResult.taskId}">
											<div class="clearfix"></div>
				                       		<div class="pull-left">
				                       			<div class="text-top new-design">[${msgNoticeResult.title!}]</div>
				                       			<div class="text-top">
				                       				<span>创&nbsp;&nbsp;&nbsp;建&nbsp;&nbsp;&nbsp;人：</span>
				                       				<span>${msgNoticeResult.creatorName!}</span>
				                       			</div>
				                       			<div class="text-top">
				                       				<span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
				                       				<span>${msgNoticeResult.fullname!}</span>
				                       			</div>
				                       			<div class="text-top time">
				                       				<span>截止时间：</span>
				                       				<span><#if msgNoticeResult.enddate??> ${msgNoticeResult.enddate?string("MM月dd日")!}</#if></span>
				                       			</div>
				                       		</div>
				                       		<div class="pull-right">
				                       			<img class="man" src="../img/avatar04.png"/>
				                       			<div id="text-center">${msgNoticeResult.creatorName!}</div>
				                       		</div>
				                       		</a>
				                       		</#if>
				                       	</td>
									</tr>
									<tr>
										<td style="padding: 10px 15px 15px; color: rgb(153, 153, 153)">
											${msgNoticeResult.content!}
										</td>
									</tr>
					           </table>
					           </#list>
					        
							    <div class="clearfix" style="margin: 50px 0 35px;">
				                    <ul class="pagination pagination-sm no-margin pull-right">
				                        <#if splitPage??> ${splitPage?replace("{url}","${url!}")}
										</#if>
				                    </ul>
				                </div>
				                
				           	</div>
            			</div>
            		</div>
            		<div class="col-md-4 col-sm-4 col-xs-4 no-padding">
            			<div class="box right_box" style="padding: 0;">
            				<div class="clearfix">
				            	<div class="box_top">
				            		<ul class="clearfix">
				            			<li style="margin-right: 5%;">
				            				<span class="Left"><i class="iconfont" style="color: rgb(156, 116, 210);">&#xe6f2;</i></span>
	            							<span class="Right pull_right">
	            								<div class="num">${allOrderTotal!}</div>
	            								<div class="gray">平台总订单量</div>
	            							</span>
				            			</li>
				            			<li>
				            				<span class="Left"><i class="iconfont" style="color: rgb(19, 206, 102);">&#xe6e1;</i></span>
	            							<span class="Right margin_spe">
	            								<div class="num">${allDesignTotal!}</div>
	            								<div class="gray">设计订单</div>
	            							</span>
				            			</li>
				            			<li style="margin-right: 5%; margin-bottom: 0">
				            				<span class="Left"><i class="iconfont" style="color: rgb(247, 186, 42);">&#xe6e6;</i></span>
	            							<span class="Right margin_spe">
	            								<div class="num">${allProofingTotal!}</div>
	            								<div class="gray">打样订单</div>
	            							</span>
				            			</li>
				            			<li style="margin-bottom: 0">
				            				<span class="Left"><i class="iconfont" style="color: rgb(225, 73, 73);">&#xe6e2;</i></span>
	            							<span class="Right margin_spe">
	            								<div class="num">${allProductionTotal!}</div>
	            								<div class="gray">大货订单</div>
	            							</span>
				            			</li>
				            		</ul>
	            				</div>
	            				<div class="box_bottom">
	            					<div class="wait">
					            		<div class="pull-left wait_text">
							       		订单动态
							       		</div>
							       		<div class="pull-right" style="margin-right: 10px;">
							       			<a href="orderDynamicList?" class="gray">查看历史&gt;</a>
							       		</div>
							       	</div>
							       	<br />
						       		<hr />
						       	   <#list orderDynamicResults as orderDynamicResult>
						           <table class="table text-center order-list">
					                   	<tr>
					                       	<td class="num_time" style="border: 0; padding: 20px 15px 15px 0;">
					                           	<span class="pull-left green">订单编号：${orderDynamicResult.code!}</span>
					                           	<span class="pull-right gray">${orderDynamicResult.createAt?string("yyyy/MM/dd/HH:mm")!}</span>
					                       	</td>
					                   	</tr>
										<tr>
											<td style="border: 0; padding: 0 25px;">
												<div class="clearfix"></div>
					                       		<div class="pull-left">
					                       			<div style="margin-bottom: 3px">[${orderDynamicResult.title!}]</div>
					                       			<div class="design_choose">
					                       				${orderDynamicResult.content!}
					                       			</div>
					                       		</div>
					                       	</td>
										</tr>
						           </table>
						           </#list>
	            				</div>
				           	</div>
            			</div>
            		</div>
            	</div>
            </section>
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
       
       
       	<style type="text/css">
       		/*响应式*/
       		
       	</style>
       
       
        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
        
        
       	<script type="text/javascript">
       		function read(id){
       			if(window.confirm('请确认该事项已处理')){
       				window.location.href="modifyStatus?id="+id;
       			}
       		};
       		
       		
       		$('.left-side ul li').click(function() {
       			$(this).addClass('active');
       		});
       	</script>

    </body>
</html>

